import NavigatonBar from '@/View/LeftView/navigatonBar';
import TranslateItemList from '@/View/LeftView/translateItemList';
import PageArrow from '@/View/LeftView/pageArrow';
import React from 'react';
import styled from 'styled-components';
import { translateItem } from './interface';
import store from '@/store';

let arr: translateItem[] = store.store.currentTranslateItem;

const Layout = styled.div`
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-rows: 3.5% 92% 4.5%;
  background-color: #478ed4;
`;
const MainView: React.FC = () => {
  return (
    <Layout>
      <NavigatonBar />
      <TranslateItemList listData={arr} />
      <PageArrow />
    </Layout>
  );
};

export default MainView;
